<template>
  <div class="detail-steps" style="padding: 20px">
    <xtx-steps :active="order.orderState === 6 ? 1 : order.orderState">
      <xtx-steps-item
        title="提交订单"
        :desc="order.createTime"
      ></xtx-steps-item>
      <xtx-steps-item title="付款成功" :desc="order.payTime"></xtx-steps-item>
      <xtx-steps-item
        title="商品发货"
        :desc="order.consignTime"
      ></xtx-steps-item>
      <xtx-steps-item
        title="确认收货"
        :desc="order.evaluationTime"
      ></xtx-steps-item>
      <xtx-steps-item title="订单完成" :desc="order.endTime"></xtx-steps-item>
    </xtx-steps>
  </div>
</template>

<script>
import {} from 'vue'
export default {
  name: 'DetailSteps',
  props: {
    order: {
      type: Object,
      default: () => ({})
    }
  },
  setup() {
    return {}
  }
}
</script>
<style scoped lang="less"></style>
